<!DOCTYPE html>
<html class="loading" lang="zh-CN" data-textdirection="ltr">

<head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=0, minimal-ui">
    <meta name="author" content="PIXINVENT">
    <title>666便利店管理系统</title>
    <link rel="stylesheet" type="text/css" href="app-assets/css/vendors.css">
    <link rel="stylesheet" type="text/css" href="app-assets/css/vertical-menu.css">
    <link rel="stylesheet" type="text/css" href="app-assets/css/bootstrap-extended.css">
</head>

<body class="vertical-layout vertical-menu 2-columns   menu-expanded fixed-navbar" data-open="click"
    data-menu="vertical-menu" data-col="2-columns">
    <!-- fixed-top-->
    <nav class="header-navbar navbar-expand-md navbar navbar-with-menu fixed-top navbar-semi-dark navbar-shadow">
        <div class="navbar-wrapper">
            <div class="navbar-header">
                <ul class="nav navbar-nav flex-row">
                    <li class="nav-item mobile-menu d-md-none mr-auto"><a
                            class="nav-link nav-menu-main menu-toggle hidden-xs" href="#"><i
                                class="ft-menu font-large-1"></i></a></li>
                    <li class="nav-item">
                        <a class="navbar-brand" href="index.html">
                            <img class="brand-logo" alt="stack admin logo" src="app-assets/images/stack-logo-light.png">
                            <h2 class="brand-text">666便利店管理系统</h2>
                        </a>
                    </li>
                    <li class="nav-item d-md-none"> <a class="nav-link open-navbar-container" data-toggle="collapse"
                            data-target="#navbar-mobile"><i class="fa fa-ellipsis-v"></i></a> </li>
                </ul>
            </div>
            <div class="navbar-container content">
                <div class="collapse navbar-collapse" id="navbar-mobile">
                    <ul class="nav navbar-nav mr-auto float-left">
                        <li class="nav-item d-none d-md-block"><a class="nav-link nav-menu-main menu-toggle hidden-xs"
                                href="#"><i class="ft-menu"></i></a></li>
                    </ul>
                    <ul class="nav navbar-nav float-right">
                        <li class="dropdown dropdown-notification nav-item"> <a class="nav-link nav-link-label"
                                href="date/index.html" target="_blank"><i class="fa fa-line-chart"></i> 年度报表 </a> </li>
                        <li class="dropdown dropdown-notification nav-item"> <a class="nav-link nav-link-label"
                                href="#"><i class="fa fa-user-o"></i> 访问代理商后台 </a> </li>
                        <li class="dropdown dropdown-notification nav-item"> <a class="nav-link nav-link-label" href="#"
                                target="_blank"><i class="fa fa-qrcode"></i> 微信公众号 </a> </li>
                        <li class="dropdown dropdown-user nav-item"> <a
                                class="dropdown-toggle nav-link dropdown-user-link" href="#" data-toggle="dropdown">
                                <span class="avatar avatar-online"> <img src="app-assets/images/head.jpg"
                                        alt="avatar"></span> <span class="user-name">欢迎您超级管理员</span> </a> </li>
                    </ul>
                </div>
            </div>
        </div>
    </nav>
    <div class="main-menu menu-fixed menu-dark menu-accordion menu-shadow" data-scroll-to-active="true">
        <div class="main-menu-content">
            <ul class="navigation navigation-main" id="main-menu-navigation" data-menu="menu-navigation">
                <li class=" nav-item only open"><a href="控制面板.html" target="iframe1"><i
                            class="fa fa-dashboard"></i><span class="menu-title">控制面板</span></a></li>
                <!-- <li class=" nav-item">
                    <a href="设备管理.html" target="iframe1"><i class="fa fa-desktop"></i><span
                            class="menu-title">设备管理</span></a>
                    <ul class="menu-content">
                        <li><a class="menu-item" href="单片机终端.html" target="iframe1">单片机终端</a></li>
                        <li><a class="menu-item" href="安卓终端.html" target="iframe1">安卓终端</a></li>
                        <li><a class="menu-item" href="补货模板.html" target="iframe1">补货模板</a></li>
                        <li><a class="menu-item" href="设备集群.html" target="iframe1">设备集群</a></li>
                        <li><a class="menu-item" href="https://app.frosmart.com/home/device/map"
                                target="iframe1">设备地图</a></li>

                    </ul>
                </li> -->
                <li class=" nav-item">
                    <a href="商品管理.html" target="iframe1"><i class="fa fa-folder-open"></i><span
                            class="menu-title">商品管理</span></a>
                    <ul class="menu-content">
                        <li><a class="menu-item" href="商品列表.html" target="iframe1">商品列表</a></li>
                        <li><a class="menu-item" href="商品分类.html" target="iframe1">商品分类</a></li>
                    </ul>
                </li>

                <li class=" nav-item">
                    <a href="采购管理.html" target="iframe1"><i class="fa fa-folder-open"></i><span
                            class="menu-title">采购管理</span></a>
                    <ul class="menu-content">
                        <li><a class="menu-item" href="采购商品.html" target="iframe1">采购商品</a></li>
                        <li><a class="menu-item" href="购物车.html" target="iframe1">购物车管理</a></li>
                        <li><a class="menu-item" href="采购订单.html" target="iframe1">采购订单</a></li>
                        <li><a class="menu-item" href="采购结算.html" target="iframe1">采购结算</a></li>
                    </ul>
                </li>

                <li class=" nav-item">
                    <a href="员工管理.html" target="iframe1"><i class="fa fa-folder-open"></i><span
                            class="menu-title">员工管理</span></a>
                    <ul class="menu-content">
                        <li><a class="menu-item" href="员工列表.html" target="iframe1">员工列表</a></li>
                    </ul>
                    <ul class="menu-content">
                        <li><a class="menu-item" href="添加员工信息.html" target="iframe1">添加员工</a></li>
                    </ul>
                </li>





                <!-- <li class=" nav-item">
                    <a href="销售报表.html" target="iframe1"><i class="fa fa-pie-chart"></i><span class="menu-title">销售报表
                        </span></a>
                    <ul class="menu-content">
                        <li><a class="menu-item" href="销售流水.html" target="iframe1">销售流水</a></li>
                        <li><a class="menu-item" href="日报表.html" target="iframe1">日报表</a></li>
                        <li><a class="menu-item" href="月报表.html" target="iframe1">月报表</a></li>
                        <li><a class="menu-item" href="销售排行.html" target="iframe1">销售排行</a></li>
                        <li><a class="menu-item" href="商品排行.html" target="iframe1">商品排行</a></li>
                    </ul>
                </li> -->
                <!-- <li class=" nav-item">
                    <a href="#"><i class="fa fa-tasks"></i><span class="menu-title">配置管理</span></a>
                    <ul class="menu-content">
                        <li><a class="menu-item" href="终端配置.html" target="iframe1">终端配置</a></li>
                        <li><a class="menu-item" href="风格设置.html" target="iframe1">风格设置</a></li>
                        <li><a class="menu-item" href="微信支付配置.html" target="iframe1">微信支付配置</a></li>
                        <li><a class="menu-item" href="支付宝配置.html" target="iframe1">支付宝配置</a></li>
                        <li><a class="menu-item" href="扫呗支付配置.html" target="iframe1">扫呗支付配置</a></li>
                        <li><a class="menu-item" href="接口配置.html" target="iframe1">接口配置</a></li>
                    </ul>
                </li> -->
                <!-- <li class=" nav-item">
                    <a href="广告管理.html" target="iframe1"><i class="fa fa-bullhorn"></i><span
                            class="menu-title">广告管理</span></a>
                    <ul class="menu-content">
                        <li><a class="menu-item" href="广告组列表.html" target="iframe1">广告组列表</a></li>
                        <li><a class="menu-item" href="图片广告.html" target="iframe1">图片广告</a></li>
                        <li><a class="menu-item" href="视频广告.html" target="iframe1">视频广告</a></li>
                    </ul>
                </li> -->
                <!-- <li class=" nav-item">
                    <a href="营销策略.html" target="iframe1"><i class="fa fa-book"></i><span
                            class="menu-title">营销策略</span></a>
                    <ul class="menu-content">
                        <li><a class="menu-item" href="促销.html" target="iframe1">促销</a></li>
                        <li><a class="menu-item" href="嗨购.html" target="iframe1">嗨购</a></li>
                        <li><a class="menu-item" href="优惠券.html" target="iframe1">优惠券</a></li>
                    </ul>
                </li> -->
                <li class=" nav-item">
                    <a href="供应商列表.html" target="iframe1"><i class="fa fa-user-circle-o"></i><span
                            class="menu-title">供应商管理</span></a>
                    <ul class="menu-content">
                        <li><a class="menu-item" href="供应商列表.html" target="iframe1">供应商列表</a></li>
                    </ul>
                </li>
                <!-- <li class=" nav-item">
                    <a href="会员管理.html" target="iframe1"><i class="fa fa-users"></i><span
                            class="menu-title">会员管理</span></a>
                    <ul class="menu-content">
                        <li><a class="menu-item" href="会员列表.html" target="iframe1">会员列表</a></li>
                        <li><a class="menu-item" href="充值套餐.html" target="iframe1">充值套餐</a></li>
                        <li><a class="menu-item" href="客户端充值记录.html" target="iframe1">客户端充值记录</a></li>
                        <li><a class="menu-item" href="终端充值记录.html" target="iframe1">终端充值记录</a></li>
                    </ul>
                </li> -->
                <li class=" nav-item"><a href="角色管理.html" target="iframe1"><i class="fa fa-user-secret"></i><span
                            class="menu-title only">角色管理</span></a></li>
                <li class=" nav-item only"><a href="库存日志.html" target="iframe1"><i class="fa fa-file-text"></i><span
                            class="menu-title">库存日志</span></a></li>
                <li class=" nav-item">
                    <a href="告警信息.html" target="iframe1"><i class="fa fa-bell"></i><span
                            class="menu-title">告警信息</span></a>
                    <ul class="menu-content">
                        <li><a class="menu-item" href="设备告警.html" target="iframe1">设备告警</a></li>
                        <li><a class="menu-item" href="缺货告警.html" target="iframe1">缺货告警</a></li>
                    </ul>
                </li>



            </ul>
        </div>
    </div>
    <div class="app-content content">
        <iframe src="控制面板.html" frameborder="0" class="iframe1" name="iframe1"></iframe>
    </div>
    <footer class="footer footer-static footer-light navbar-border">
        <p class="clearfix blue-grey lighten-2 text-sm-center mb-0 px-2"> <span
                class="float-md-left d-block d-md-inline-block">Copyright &copy; 2024 <a
                    class="text-bold-800 grey darken-2" href="https://www.bootstrapmb.com">bootstrapMB </a></span> </p>
    </footer>
    <script src="app-assets/js/vendors.min.js" type="text/javascript"></script>
    <script src="app-assets/js/app-menu.js" type="text/javascript"></script>
    <script src="app-assets/js/app.js" type="text/javascript"></script>
    <script src="app-assets/js/echarts.min.js" type="text/javascript"></script>
    <script>
        $(document).ready(function () {
            $(".nav-item ").click(function () {
                $(".nav-item ").removeClass("active")
                $(this).addClass("active")

            })
        })

        $(function () {
            setTimeout(function () {
                echarts_1();
                echarts_2();
            }, 500);


            function echarts_1() {
                var myChart = echarts.init(document.getElementById('echart1'));

                option = {
                    tooltip: {
                        trigger: 'axis',
                        axisPointer: {
                            lineStyle: {
                                color: '#57617B'
                            }
                        }
                    },
                    "legend": {

                        "data": [
                            { "name": "数量" },
                            { "name": "金额" },
                        ],
                        "top": "0%",
                        "textStyle": {
                            "color": "#666"//图例文字
                        }
                    },

                    "xAxis": [
                        {
                            "type": "category",
                            boundaryGap: false,//
                            data: ['1月', '2月', '3月', '4月', '5月', '6月', '7月', '8月', '9月', '10月', '11月', '12月'],
                            axisLine: { lineStyle: { color: "#eee" } },
                            axisLabel: {
                                textStyle: { color: "r#666", fontSize: '14', },
                            },

                        },
                    ],
                    "yAxis": [
                        {
                            "type": "value",
                            "name": "数量「单」",
                            "nameTextStyle": { color: '#666', },
                            "min": 0,
                            //  "max": 15,
                            //"interval": 5,
                            //splitNumber:3,
                            "axisLabel": {
                                "show": true,

                            },
                            axisLine: { lineStyle: { color: '#eee' } },//左线色
                            axisLabel: { textStyle: { color: '#666' } },
                            splitLine: { show: false, lineStyle: { color: "#eee" } },//x轴线
                        },
                        {
                            "min": 0,
                            // "max": 15,
                            "type": "value",
                            "name": "金额「元」",
                            //  splitNumber:3,
                            "nameTextStyle": { color: '#666', },
                            "show": true,
                            "axisLabel": {
                                "show": true,

                            },
                            axisLine: { lineStyle: { color: '#ddd' } },//右线色
                            splitLine: { show: true, lineStyle: { color: "#eee" } },//x轴线
                            axisLabel: { textStyle: { color: '#666' } },
                        },
                    ],
                    "grid": {
                        "top": "10%",
                        "right": "30",
                        "bottom": "30",
                        "left": "30",
                    },
                    "series": [
                        {
                            "name": "数量",
                            type: 'line',
                            smooth: true,
                            symbol: 'circle',
                            symbolSize: 5,
                            showSymbol: false,
                            lineStyle: {
                                normal: {
                                    color: 'rgba(0,0,0,.0)',
                                    width: 0
                                }
                            },
                            areaStyle: {
                                normal: {
                                    color: 'rgba(255,106,125,.5)',

                                }
                            },
                            itemStyle: {
                                normal: {
                                    color: 'rgba(255,106,125,.5)',
                                }
                            },
                            "data": [1, 3, 2, 9, 3, 8, 4, 6, 2, 7, 2, 4],

                        },

                        {
                            "name": "金额",
                            "type": "line",
                            "yAxisIndex": 1,
                            smooth: true,
                            symbol: 'circle',
                            symbolSize: 5,
                            showSymbol: false,
                            "data": [4, 3, 5, 3, 11, 4, 7, 3, 4, 2, 7, 3],
                            lineStyle: {
                                normal: {
                                    color: 'rgba(0,0,0,.0)',
                                    width: 0
                                }
                            },
                            areaStyle: {
                                normal: {
                                    color: "rgba(255,158,114,.5)"
                                }
                            },
                            "itemStyle": {
                                "normal": {
                                    color: "rgba(255,158,114,.5)"

                                }
                            },

                        }
                    ]
                };


                // 使用刚指定的配置项和数据显示图表。
                myChart.setOption(option);
                window.addEventListener("resize", function () {
                    myChart.resize();
                });
            }
            function echarts_2() {
                var myChart = echarts.init(document.getElementById('echart2'));

                option = {
                    tooltip: {
                        trigger: 'axis',
                        axisPointer: {
                            lineStyle: {
                                color: '#57617B'
                            }
                        }
                    },
                    "legend": {

                        "data": [
                            { "name": "数量" },
                            { "name": "金额" },
                        ],
                        "top": "0%",
                        "textStyle": {
                            "color": "#666"//图例文字
                        }
                    },

                    "xAxis": [
                        {
                            "type": "category",
                            boundaryGap: false,//
                            data: ['星期一', '星期二', '星期三', '星期四', '星期五', '星期六', '星期日'],
                            axisLine: { lineStyle: { color: "#eee" } },
                            axisLabel: {
                                textStyle: { color: "r#666", fontSize: '14', },
                            },

                        },
                    ],
                    "yAxis": [
                        {
                            "type": "value",
                            "name": "数量「单」",
                            "nameTextStyle": { color: '#666', },
                            "min": 0,
                            //  "max": 15,
                            //"interval": 5,
                            //splitNumber:3,
                            "axisLabel": {
                                "show": true,

                            },
                            axisLine: { lineStyle: { color: '#eee' } },//左线色
                            axisLabel: { textStyle: { color: '#666' } },
                            splitLine: { show: false, lineStyle: { color: "#eee" } },//x轴线
                        },
                        {
                            "min": 0,
                            // "max": 15,
                            "type": "value",
                            "name": "金额「元」",
                            //  splitNumber:3,
                            "nameTextStyle": { color: '#666', },
                            "show": true,
                            "axisLabel": {
                                "show": true,

                            },
                            axisLine: { lineStyle: { color: '#ddd' } },//右线色
                            splitLine: { show: true, lineStyle: { color: "#eee" } },//x轴线
                            axisLabel: { textStyle: { color: '#666' } },
                        },
                    ],
                    "grid": {
                        "top": "10%",
                        "right": "30",
                        "bottom": "30",
                        "left": "30",
                    },
                    "series": [
                        {
                            "name": "数量",
                            type: 'line',
                            smooth: true,
                            symbol: 'circle',
                            symbolSize: 5,
                            showSymbol: false,
                            lineStyle: {
                                normal: {
                                    color: 'rgba(0,0,0,.0)',
                                    width: 0
                                }
                            },
                            areaStyle: {
                                normal: {
                                    color: 'rgba(255,106,125,.5)',

                                }
                            },
                            itemStyle: {
                                normal: {
                                    color: 'rgba(255,106,125,.5)',
                                }
                            },
                            "data": [1, 3, 2, 9, 4, 5, 3],

                        },

                        {
                            "name": "金额",

                            "type": "line",
                            "yAxisIndex": 1,
                            smooth: true,
                            symbol: 'circle',
                            symbolSize: 5,
                            showSymbol: false,
                            "data": [4, 1, 5, 3, 8, 2, 3],
                            lineStyle: {
                                normal: {
                                    color: 'rgba(0,0,0,.0)',
                                    width: 0
                                }
                            },
                            areaStyle: {
                                normal: {
                                    color: "rgba(255,158,114,.5)"
                                }
                            },
                            "itemStyle": {
                                "normal": {
                                    color: "rgba(255,158,114,.5)"

                                }
                            },

                        }
                    ]
                };

                myChart.setOption(option);
                window.addEventListener("resize", function () {
                    myChart.resize();
                });
            }
        })

    </script>

</body>

</html>